Ext.ns('TaxonTagger')
TaxonTagger.Tutorial = function(config){

	Ext.apply(this, config, {
			id: 'tutTip'
		,	ref: 'tutorialTip'	
		,	anchor: Config.tutorial[0].anchor	
	    ,	anchorOffset: 10
	//	,	anchorToTarget: true
		,	tutCount: 0
		,	target: Ext.get(Config.tutorial[0].id)
		,	html: Config.tutorial[0].html
		,	closable: true
		,	autoHide: false
		,	title:Config.tutorial[0].title
		,	tools: [{
					id: 'right'
				,	scope: this	
				,	qtip: 'Next Step'
				,	handler: function() {
						this.setTutorial(this.tutCount);
					}
			}]
	});

	TaxonTagger.Tutorial.superclass.constructor.call(this, config);
	
};

Ext.extend(TaxonTagger.Tutorial, Ext.QuickTip, {

		setTutorial: function(i){
			if(Config.tutorial.length == i){
				this.destroy();
				Ext.Msg.alert('Tutorial', Config.tutorial1.endMsg);
				return;
			}
			if(i!=0){
				this.setTitle(Config.tutorial[i].title);
				this.update(Config.tutorial[i].html);	
			}
			this.startTutorial(i);
		}
	
	,	startTutorial: function(i){
			this.tutCount ++;
			this.showBy(Ext.get(Config.tutorial[i].id, Config.tutorial[i].anchor))
		}
	
});